<%@page import="java.text.SimpleDateFormat"%>
<%@page import="java.text.DateFormat"%>
<%@page import="java.util.Date"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<title>Customer info</title>
	
		<link rel="stylesheet" href="<c:url value="css/bootstrap.min.css" />"
			type="text/css" />
		<link rel="stylesheet"
			href="<c:url value="css/animate.css" />" type="text/css" />
		<link rel="stylesheet"
			href="<c:url value="font-awesome-4.2.0/css/font-awesome.min.css" />"
			type="text/css" />
		<link rel="stylesheet" href="<c:url value="css/jquery-ui-min.css" />"
			type="text/css" />
		<link rel="stylesheet"
			href="<c:url value="css/style.css" />" type="text/css" />
		
		<script src="<c:url value="js/jquery/jquery.min.js" />"
			type="text/javascript"></script>
		<script src="<c:url value="js/jquery/jquery-ui.js" />"
			type="text/javascript"></script>
	</head>
	<body class="container-fluid">
<!-- 		<header class="row"> -->
<!-- 			<div id="logocontainer" class="col-md-2"> -->
<!-- 				<img src="images/logo.png"/>		 -->
<!-- 			</div> -->
<!-- 			<div class="col-md-10 status-container"> -->
<!-- 				<h1 class="welcomeMessage">Welcome user</h1> -->
<!-- 			</div> -->
<!-- 			<div class="bg-trees"></div> -->
<!-- 		</header> -->
		<%@include file="header.jsp" %>
		<section id="maintab" class="row">
			<div id="tabheader" class="col-md-2">
				<div class="tabheaderitem active"><a href="customerInfo"><span class="fa fa-info"></span> Account Info</a></div>
				<div class="tabheaderitem"><a href="changePassword"><span class="fa fa-cogs"></span> Change password</a></div>
				<div class="tabheaderitem"><a href="moneyTransfer"><span class="fa fa-random"></span> Money transfering</a></div>
				<div class="tabheaderitem"><a href="history"><span class="fa fa-history"></span> Transaction history</a></div>
				<div class="customerInfo">
					<span class="fa fa-user"></span> ${customer.firstName} ${customer.lastName}<br>
					<span class="fa fa-money"></span> <fmt:formatNumber type="number" maxFractionDigits="3" value="${customer.amount}" /> VND
				</div>
			</div>
			<div id="bodycontainer" class="col-md-9 container-fluid">
				<div class="row info">
					<h2 class="headerMessage col-md-12"><span class="fa fa-info-circle"></span> Customer Info</h2>
					<div class="col-md-6"><h3>Account Number: ${customer.accountNumber}</h3></div>
					<div class="col-md-6">
						<h3>Balance Amount: <fmt:formatNumber type="number" maxFractionDigits="3" value="${customer.amount}" /> VND
						</h3>
					</div>
					<div class="col-md-8">
						<table class="table">
							<tr>
								<td>
									First name
								</td>
								<td>
									${customer.firstName}
								</td>
							</tr>
							<tr>
								<td>
									Last name
								</td>
								<td>
									${customer.lastName}
								</td>
							</tr>
							<tr>
								<td>
									Phone number
								</td>
								<td>
									${customer.phone}
								</td>
							</tr>
							<tr>
								<td>
									Email
								</td>
								<td>
									${customer.email}
								</td>
							</tr>
							<tr>
								<td>
									Address
								</td>
								<td>
									${customer.address}
								</td>
							</tr>
						</table>
					</div>
				</div>
				<a class="btn btn-warning" href="changePassword">Change password</a>
			</div>
			<div class="col-md-1 status">
				<a href="logout"><span class="fa fa-lock"></span></a>
				<a><span class="fa fa-question-circle"></span></a>
				<a><span class="fa fa-download"></span></a>
			</div>
		</section>
		<footer>
			cdc_bank@csc.com
		</footer>
	</body>
</html>
